/*
Theme Name: LDev portfolio
Theme URI: www.lorientedev.tk
Description: Tema creado expresamente para prueba
Version: 1
Author: auto
Author URL: www.lorientedev.tk
*/

/*-----ESTILOS GENERALES-----*/
*{
	margin:0px;
	padding:0px;
}

body{
	font-size:10pt;
	font-family:sans-serif;
	
}

#main{

	margin:0 auto;
}
a{color:#0379d3; text-decoration:none;}
a:hover{text-decoration:underline;}
hr{width:80%; margin:0 auto;}
/*-------HEADER-------------*/
header{	
		position:fixed;
		z-index:10;
		margin:0 auto;
		background:#292929;
		width:100%;
		height:130px;
		overflow:hidden;
		color:white;
	   font-size:1.3rem;}
#logo{height:125px; width:370px;float:left; background-image:url('logo.png'); margin-top:10px; margin-left:5%; background-repeat: no-repeat; background-size:contain;}
#logoimg{margin-top:17.5px; margin-left:40px;}
/*-MENU-*/
header nav{
	width:45%;
	float:left;
	height:125px;
	list-style:none; 
	margin-left: 5%;
	line-height:125px;
}
header nav ul{float:left;}
header nav ul li{display:inline-block;
				 list-style:none;
				 min-width:130px;
				 margin-right:5px;
				 text-align:center;
	}
header nav ul li a {font-family:sans-serif; color:white; font-size:1.7rem; font-variant:small-caps; }
header nav ul li a:hover {font-family:sans-serif; color:#0379d3; }


.imagen{max-height:50vh; max-width:100%; padding:25vh 0;background:#008288;}
.imagen h2{font-family:"Nunito", 'Open Sans'; font-weight:300; font-size:4rem; color:white;  text-align:center;}
.imagen h3{font-family:"Nunito"; font-weight:300; font-size:2rem; color:lightgray; text-align:center;}

#centro{padding:235px 0;}

/***************PARALLAX****************/


/*---------------MAIN-----------------*/
#main{clear:both;
	margin:0 auto;
	}
#slideshow{width: 100%; position:fixed; height:50vh; top:130px; margin: 0 auto; background:#545454;}


/*-------------ARTICULOS-----------*/
.cuerpo{width:100%; max-height:100%; margin:0 auto; position:relative; top:70vh;}
#listarticle{width:100%; max-width:100%; background:white; float: left; box-shadow:0px -4px 9px rgba(70, 70, 70, 0.6)}
section article{margin-top:10px; margin-bottom:45px; padding:10vh;}
.date{font-size:0.7rem; color:#1f72a6;}
#main #cuerpo #listarticle article .date ul{list-style: none; display:inline-block;}

/*-----------MY PLUGIN------------*/
#myplugin{width:35%; background:#545454; float:right; padding:10px; border-radius:5px; color:white;}
#titulo1{color:#0080FF;}
#title{background-image:url('titulo.png');}
#notaobt{ padding:5px; margin-top:10px; margin-bottom:10px; background:#3c3c3c; border-radius:3px;}
#nota{
	font-size:14px;}
#formulario{
	box-sizing:border-box;}
#formulario .txtinput{border-style:solid; 
border-width:1px; 
border-color:#dedede;
margin-bottonm:20px;
  padding:2px 8px 6px 20px;
 width:90%; 
color:#777;
box-shadow:0 1px 3px rgba(0,0,0,0.1) inset; 
transition:border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;
}
#formulario input#nota{font-size:0.9em;}
#formulario input#title{font-size:1.2em;}
#formulario input#boton{background:#0080FF; text-align:right; border-width:0px; margin:10px 14% 0px 79%; padding: 5px 8px 5px 8px;}
#formulario input#boton:hover{background:#FF8000;}
#fecha{
	font-size:10px;
	text-align:right;
	
}
#eliminar{margin-right:10px;}
/*------------FOOTER--------------*/
footer{width:100%;
	   height:90px;
	   background:#1c1c1c; clear:both;}